// 自定义一些公用样式（）
// 路由页面样式设置
.view-wrapper {
  padding: $margin;
  background: #F5F7FE;
  min-height: calc(100vh - 84px);
}

// 表格查询条件样式设置
.table-filter-cont {
  display: flex;
  padding-left: $margin;
  padding-right: $margin;
  > div {
    display: flex;
    margin-right: $margin;
    .label {
      display: block;
      line-height: 36px;
      font-size: 14px;
      color: #555;
    }
  }
  .input-box {
    .el-input {
      width: 200px;
    }
  }
}

// 重置el-card头部的样式
.el-card {
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    h3 {
      font-size: 22px;
      color: $black;
    }
  }
  
}
.card-hd-width-bg {
  .el-card__header {
    background-color: #F7FAFD;
  }
}

// el-card__header css reset
.el-card__header {
  // background-color: #F7FAFD;
  .el-card-title {
    position: relative;
    h3 {
      font-size: 18px;
      color: #333;
      font-weight: bold;
    }
    .num {
      color: #FCC440;
      font-weight: normal;
    }
  }
}

// 输入框左侧sub-label以及右侧单位样式重置
.sub-form-item-label {
  padding: 0 10px;
}
.input-right-unit {
  color: #333;
  padding-right: 10px;
}

// 多个button在一行
.btns-box {
  font-size: 0;
  .el-button {
    margin-left: 20px;
  }
}

// 盒子间距
.box-width-margin {
  margin-bottom: $margin;
}

// 表单 el-form-item下的样式设置
.form-item-sub-box {
  margin: 10px 0;
  .sub-box-section {
    display: flex;
    align-items: center;
    .label {
      display: block;
      padding-left:20px;
    }
  }
}

// 预览图片关闭按钮
.el-icon-circle-close {
  color: #fff;
}